<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚好看个人中心</title>
    <!--logo标志！！！-->
    <link rel="shortcut icon" href="/publics/front-stage/img/xmlogo.png" />
    <link rel="stylesheet" href="/publics/front-stage/less_j/myperson_j.css" >
    <script src="../../publics/front-stage/js/jquery-3.4.1.min.js"></script>
    <script src="../../publics/front-stage/js/axios.js"></script>
    <!--引入图标-->
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2970219_5amnbjjq7tf.css" type="text/css"> -->
</head>                     
<body>
    <p style="display: none;">{{userinfo}}</p>
    <p  style="display: none;" >{{info}}</p><!--粉丝列表-->
    <p style="display: none;">{{gzinfo}}</p><!--关注列表-->
    <p  style="display: none;" >{{userallvideo}}</p>

    <p id="userIdmessage" style="display: none;" >{{userinfo.userId}}</p><!--用户id-->

    <p style="display: none;" >{{allonevip}}</p>


    <p id="viptype" style="display: none;">{{viptype}}</p>
        

    <p style="display: none;">{{nosuccessvideo}}</p>
    <p style="display: none;">{{allvideo}}</p>
    <p style="display: none;">{{alreadysuccessvideo}}</p>
    <p style="display: none;">{{ingvideo}}</p>


    <p id="viptype" style="display: none;"></p><!--用户身份-->
    <p id="ifsphuser" style="display: none;"></p><!--用户是否是视频号-->

    <p id="account" style="display: none;"></p>
    <p style="display: none;">{{userhistory}}</p><!--用户的历史记录-->



    <p id="ifnewuser" style="display: none;"></p>
    <p id="videid" style="display: none;"></p><!--上传电视剧获取到的视频id-->


    <p class="prompt"></p>

    <p id="changevideomessagevideoid" style="display: none;"></p><!--修改我的视频基本信息的视频id-->


            <!--积分兑换奖品内容的框！！！！！-->
            <div id="jpcover"></div>
            <div id="jpmodal">
                <img id="closejp" src="../../publics/front-stage/img/close (2).png"
                    style="margin-right: 5px;margin-top: 5px;float: right;width: 20px;height: 20px;">
                <h3 style="text-align: center;">头像框</h3>
                <img class="jpgoods" src="../../publics/front-stage/img/headimg.gif"
                    style="margin-left: 28%;width: 150px;height: 120px;">
                <p style="color: #666;">他是一个具有敏泽特色的头像框，象征着团结！！！！</p>
                <p class="btn"><button></button></p>
            </div>
            
            <!--上传视频放弃的框！！！！！-->
            <div id="fqvideocover"></div>
            <div id="fqvideomodal">
                <img id="closefqvideo" src="../../publics/front-stage/img/close (2).png"
                    style="float: right;margin-right: 10px;margin-top: 10px;width: 20px;height: 20px;">
                <h3 style="text-align: left;">提示</h3>
                <p style="color: #666;">该页面部分信息还未保存，您确定要离开嘛？</p>
                <p style="margin-top: 20%;">
                    <button onclick="closefqvideobtn()"
                        style="border: 1px solid #34bc6e;color: #34bc6e;background-color: #fff;">取消</button>
                    <button onclick="yesfqvideobtn()" style="background-color: #34bc6e;color: white;">确定</button>
                </p>
            </div>





                <!--新建收藏夹的框！！！！！-->
                <div id="addscjcover"></div>
                <div id="addscjmodal">
                    <img id="closeaddscj" src="../../publics/front-stage/img/close (2).png"
                        style="margin-right: 8px;margin-top: 4px;float: right;width: 20px;height: 20px;">
                    <h3 style="text-align: center;height: 40px;margin-top: 10px;">收藏夹信息</h3>
                    <div style="height: 1px;width: 100%;background-color:#e6e6e9 ;"></div>
                    <!-- <p style="float: left;">收藏夹封面</p>
                                        <p>
                                            <input onchange="addscjimgfmimg()" autocomplete="off" type="file" style="opacity: 0;height: 60px;position: absolute;width: 100px;">
                                            <img src="../../publics/front-stage/img/addpiture.png" style="width: 100px;height: 60px;">
                                        </p> -->
                    <p>收藏夹名称<span style="color: red">*</span></p>
                    <p><input autocomplete="off" id="addscjname" style="outline: none;height: 30px;width: 80%;" type="text"
                            placeholder="收藏夹名称"></p>
                    <!-- <p>简介</p>
                                        <input autocomplete="off" style="outline: none;margin-left: 5%;height: 80px;width: 90%;" type="text" placeholder="可填写简介"> -->
                    <!-- <p><input autocomplete="off"  type="checkbox">公开收藏夹</p> -->
                    <p><button id="addscjbtn" style="margin-left: 40%;width: 60px;">提交</button></p>
                </div>
                
                <!--修改收藏夹封面-->
                <form action="/updateSrc" enctype="multipart/form-data" method="post" target="mangguo">
                    <div id="changescjfmmodal">
                        <p style="display: none;"><input id="collectionFoldersfmId" name="collectionFoldersId" placeholder="收藏夹id"></p>
                        <h3 style="text-align: center;">修改收藏夹封面</h3>
                        <div style="height: 1px;width: 100%;background-color:#e6e6e9 ;"></div>
                        <p style="float: left;">收藏夹封面</p>
                        <p><input name="collectionFolderSrc" autocomplete="off" type="file"></p>
                        <p style="height: 10%;width: 90%;margin-top: 30%;">
                            <button  id="yeschangescjfmbtn" type="submit" >保存</button>
                            <button id="nochangescjfmbtn" style="margin-left: 40%;">取消</button>
                        </p>
                    </div>
                </form>
                <iframe name="mangguo"  style="display: none;"></iframe>


                


            <!--批量删除我的视频的弹窗-->
            <div id="cancelallsp">
                <img src="../../publics/front-stage/img/jinggao.png" style="margin-left:31%;margin-top: 7%;width: 40%;height: 40%;">
                <img id="closeallmp4" src="../../publics/front-stage/img/close (2).png"
                    style="margin: 5px;float: right;width: 20px;height: 20px;">
                <p style="margin-top: 5%;text-align: center;font-size: 1.2em;">确定删除所选视频吗？</p>
                <p style="margin-top: 12%;">
                    <button id="yesallcancelsp" style="color: black;margin-left: 15%;background-color: #eaeaea;">取消</button>
                    <button id="noallcancelsp"
                        style=" margin-left: 15%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%);">确定</button>
                </p>
            </div>

    <!--账号注销的确定框！！！！！-->
    <div id="accountdiedcover"></div>
    <div id="accountdiedmodal">
        <img src="../../publics/front-stage/img/jinggao.png" style="margin-left:31%;margin-top: 7%;width: 35%;height: 40%;">
        <img id="closeaccountdiedmodal" src="../../publics/front-stage/img/close (2).png"
            style="margin: 5px;float: right;width: 20px;height: 20px;">
        <p style="margin-top: 5%;text-align: center;font-size: 1.2em;">确定要注销此账号嘛？</p>
        <p style="margin-top: 12%;">
            <button id="nodied" style="color: black;margin-left: 15%;background-color: #eaeaea;">取消</button>
            <button id="yesdied"
                style=" margin-left: 5%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%);">确定</button>
        </p>
    </div>
    
    <!--绑定邮箱的框！！！！！-->
    <div id="getemailcover"></div>
    <div id="getemailmodal">
        <img id="closegetemailmodal" src="../../publics/front-stage/img/close (2).png"
            style="margin: 5px;float: right;width: 20px;height: 20px;">
        <div style="margin-top: 20%;">
            <p>
                <input id="bindemail" autocomplete="off" type="txte" placeholder="邮箱">
            </p>
            <p>
                <input id="bindcode" autocomplete="off" style="width: 40%;" placeholder="验证码" type="text"> <button
                    id="bindemailgetyzm"
                    style="background-color: #fff;color: black;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">获取验证码</button>
            </p>
        </div>
        <p style="margin-top: 12%;">
            <button id="nogetemail" style="color: black;margin-left: 10%;background-color: #eaeaea;">取消</button>
            <button id="yesgetemail"
                style=" margin-left: 15%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%);">确定</button>
        </p>
    </div>
    <!--个人中心处修改密码的框！！！！！-->
    <div id="cpasswordcover"></div>
    <div id="cpasswordmodal">
        <img id="closecpasswordmodal" src="../../publics/front-stage/img/close (2).png"
            style="margin: 5px;float: right;width: 20px;height: 20px;">
        <h3 style="text-align: center;margin-top: 20px;">修改密码</h3>
        <div style="margin-top: 2%;">
            <p class="one">
                <input class="hideone" autocomplete="off" type="txte" placeholder="账号">
            </p>
            <p class="two" style="display: none;">
                <input class="hidetwo" autocomplete="off" type="txte" placeholder="邮箱">
            </p>
            <p class="one">
                <input class="hideone" autocomplete="off" type="txte" placeholder="原密码">
            </p>
            <p class="one">
                <input class="hideone" autocomplete="off" type="txte" placeholder="新密码">
            </p>
            <p class="one">
                <input class="hideone" autocomplete="off" type="txte" placeholder="重复确认密码">
            </p>
    
            <p class="two" style="display: none;">
                <span style="float: left;"><input class="hidetwo" type="text" placeholder="验证码" style="width: 100%;"></span>
                <span><button id="loginemailgetyzm"
                        style="background-color: #fff;outline: none;color: black;border: none;height: 40px;margin-left: 9%;">获取验证码</button></span>
            </p>
            <p style="float:right">
                <button id="szforgetoldpassword"
                    style="float: right;color: black;background-color: #fff;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">忘记原密码</button>
                <button id="szoldpassword"
                    style="display: none;float: right;color: black;background-color: #fff;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">记得原密码</button>
            </p>
        </div>
        <p>
            <button id="nocpassword" style="color: black;margin-left: 10%;background-color: #eaeaea;">取消</button>
            <button id="yescpassword"
                style=" margin-left: 15%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%);">确定更改</button>
        </p>
    </div>


    


            
            
            
            <div id="changescjcover"></div>
            <div id="changescjmodal">
                <p style="display: none;"><input id="collectionFoldersId" name="collectionFoldersId" placeholder="收藏夹id"></p>
                <p>收藏夹名称<span style="color: red">*</span></p>
                <p><input style="outline: none;" id="editmessagescjnickname" name="collectionFoldersName" autocomplete="off"
                        type="text" placeholder="收藏夹名称"></p>
                <p>简介</p>
                <input id="editmessagescjcontent" name="collectionFolderContent" autocomplete="off"
                    style="outline: none;margin-left: 5%;height: 80px;width: 90%;" type="text" placeholder="可填写简介">
                <!-- <p><input autocomplete="off" type="checkbox">公开收藏夹</p> -->
                <p style="height: 10%;width: 90%;">
                    <button id="yeschangescjmessage">保存</button>
                    <button id="nochangescjmessagebtn" style="margin-left: 40%;">取消</button>
                </p>
            </div>


            

            <!--成为视频号要求-->
            <div id="becomesphmodal" style="display: none;z-index: 444444444444444444444444444444;">
                <h3 style="margin-left: 2%;margin-top: 2%;width: 96%;">
                    视频号要求以及规则
                    <img id="closebecomesph" src="../../publics/front-stage/img/close (2).png"
                        style="float: right;width: 20px;height: 20px;">
                </h3>
                <p>一、申请成为视频号要求？</p>
                <p style="color: #666;font-size: 0.8em;">答:积分达到1200分</p>
                <p>二、如何获得积分？</p>
                <p style="color: #666;font-size: 0.8em;">主要通过完成移动端签到、pcweb端签到、观看视频等任务获得积分。</p>
                <p>三、积分需要手动领取？</p>
                <p style="color: #666;font-size: 0.8em;">是的哦，每天通过任务获得的积分，都需要手动领取，积分领取的时间为：每天0－24点，超过24点未领取的积分将清零哦。</p>
                <p>四、如果有人以作弊的方式获得积分该怎么办？</p>
                <p style="color: #666;font-size: 0.8em;">对以不正当手段（包括但不限于作弊、网络攻击等）参与积分活动的用户，芒果tv有权禁止其参与积分任务，并取消其获得的积分。</p>
            </div>



            <!--积分规则的框！！！！！-->
            <div id="rulecover"></div>
            <div id="rulemodal">
                <h3 style="margin-left: 2%;margin-top: 2%;width: 96%;">
                    积分规则
                    <img id="closerule" src="../../publics/front-stage/img/close (2).png"
                        style="float: right;width: 20px;height: 20px;">
                </h3>
            
                <p>一、积分可以用来做什么？</p>
                <p style="color: #666;font-size: 0.8em;">1、到积分商城兑换vip和精美礼品；</p>
                <p style="color: #666;font-size: 0.8em;">2、在移动端积分乐园中参与各类有趣、精彩的活动；</p>
                <p style="color: #666;font-size: 0.8em;">3、在移动端游戏大厅里成为游戏大咖，纵横经验值排行榜，赢每月大奖。</p>
                <p>二、如何获得积分？</p>
                <p style="color: #666;font-size: 0.8em;">主要通过完成移动端签到、pcweb端签到、观看视频等任务获得积分。</p>
                <p>三、积分需要手动领取？</p>
                <p style="color: #666;font-size: 0.8em;">是的哦，每天通过任务获得的积分，都需要手动领取，积分领取的时间为：每天0－24点，超过24点未领取的积分将清零哦。</p>
                <p>四、如果有人以作弊的方式获得积分该怎么办？</p>
                <p style="color: #666;font-size: 0.8em;">对以不正当手段（包括但不限于作弊、网络攻击等）参与积分活动的用户，芒果tv有权禁止其参与积分任务，并取消其获得的积分。</p>
            
            </div>



            <!--更换头像的框！！！！！-->
            <div id="headimgcover"></div>
            <div id="changehead">
                <div id="hideimgTop" style="width: 100%;height: 30px;background-color: #fff">
                    <p style="font-size: 0.8em;float: left;margin-left: 3%;margin-top: 2%;">更换头像</p>
                    <img id="closeimg" src="../../publics/front-stage/img/close (2).png"
                        style="margin-right: 6px;margin-top: 6px;float: right;width: 20px;height: 20px;">
                </div>
                <div id="hideimgContain" style="width: 100%;height: 90%;">
                    <!--自定义上传图片作为头像！！！-->
                    <form action="/updateUserSrc" enctype="multipart/form-data" method="post"  target="headimhiframe" >
                        <input style="display: none;" name="userId" id="changeheadimguserid">
                        <img id="scheadimgimg" src="../../publics/front-stage/img/addpiture.png"
                            style="position: absolute;top: 100px;left: 95px;width: 120px;height: 100px;">
                        <input name="Src" autocomplete="off" onchange="addheadimgimg()" type="file" id="addheadimgfile"
                            style="top: 100px;opacity: 0;;left: 95px;width: 120px;height: 100px;position: absolute;">
                        <img src="" id="hideheadimgsc"
                            style="display: none;left: 95px;width: 120px;top: 100px;height: 100px;position: absolute;">
                        <!-- <input id="newheadimg" type="submit" value="上传"> -->
            
            
            
                        <p>
                            <button type="submit" id="newheadimg"
                                style="margin-top: 130px;color: white;  background: linear-gradient(90deg,#16e05a,#16e09d); border: none;outline: none;margin-left: 70%;">
                                保存
                            </button>
                        </p>
            
            
            
                    </form>

                    <iframe name="headimhiframe" style="display: none;"></iframe>
            
            
                    <!-- <iframe style="display: none;" frameborder="0"></iframe> -->
            
            
                </div>
            </div>




            <!--修改我的视频的图片弹窗！！-->
            <div id="changevideoimg">
                <img onclick="closechangevideoimgbtn()"  src="../../publics/front-stage/img/close (2).png"
                    style="margin-right: 6px;margin-top: 6px;float: right;width: 20px;height: 20px;">
                    <form action="/updateVideoPath"  style="font-size: 0.8em;color: #666;" enctype="multipart/form-data" method="post" target="changevideoimgifrome">
                        <input style="display: none;" name="userId" id="changeheadimguserid">
                        <p style="width: 100%;height: 190px;">
                            <span style="margin-left: 10px;top: 10px;position: relative;">修改视频封面</span>
                            <img id="changevideofirstimg" src="../../publics/front-stage/img/addpiture.png"
                                style="position: absolute;top: 50px;left: 95px;width: 120px;height: 100px;">
                            <input id="changevideoinput" name="photo" autocomplete="off" type="file"   onchange="changevideoallimg()"
                                style="top: 50px;opacity: 0;;left: 95px;width: 120px;height: 100px;position: absolute;">
                            <img id="lastchangevideoimg" src="" style="display: none;left: 95px;width: 120px;top: 50px;height: 100px;position: absolute;">
                        </p>


                       <p style="width: 100%;height: 190px;">
                            <span style="margin-left: 10px;top: 10px;position: relative;">修改视频gif</span>
                            <img id="changevideofirstimgtwo" src="../../publics/front-stage/img/addpiture.png"
                                style="position: absolute;top: 250px;left: 95px;width: 120px;height: 100px;">
                            <input id="changevideoinputtwo" name="gif" autocomplete="off" type="file" onchange="changevideoallimgtwo()" 
                                style="top: 250px;opacity: 0;;left: 95px;width: 120px;height: 100px;position: absolute;">
                            <img id="lastchangevideoimgtwo" src="" style="display: none;left: 95px;width: 120px;top: 250px;height: 100px;position: absolute;">
                       </p>
                       <p style="display: none;">
                           <input name="videoId"  id="changevideoid" value="217">
                       </p>
                        <p>
                            <button id="changevideallimg" type="submit" 
                                style="height: 50px;color: white;  background: linear-gradient(90deg,#16e05a,#16e09d); border: none;outline: none;margin-left: 70%;">
                                保存
                            </button>
                        </p>
                    </form>
                    <iframe name="changevideoimgifrome" style="display: none;"></iframe>
            </div>



        <!--修改视频属性的弹窗框-->
        <div id="changevideocover"></div>
        <div id="changevideomodal">
            <img id="closechangevideo" src="../../publics/front-stage/img/close (2).png"
                style="float: right;margin-top: 10px;margin-right: 10px;width: 20px;height: 20px;">
                <div>
                    <li class="left">
                        <p>标题<span style="color: red;margin-left: 5%;">*</p>
                    </li>
                    <li style="width: 100%;height: 50%;">
                        <input  autocomplete="off" id="changespbt"
                            style="width: 90%;height: 30px;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                    </li>
                </div>
                <div >
                    <li class="left">
                        <p>简介<span style="color: red;margin-left: 5%;">*</p>
                    </li>
                    <li style="width: 100%;height: 80%;">
                        <input autocomplete="off" id="changespjj"  type="text"
                            style="width: 90%;height:100px;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                    </li>
                </div>

                <div>
                    <li class="left">
                        <p>视频概述<span style="color: red;margin-left: 5%;">*</p>
                    </li>
                    <li style="width: 100%;height: 80%;">
                        <input autocomplete="off" id="changespgs" type="text"
                            style="width: 90%;height:100px;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                    </li>
                </div>


                <!-- <div style="height: 80px;">
                    <li class="left" style="width: 25%;float: left;">
                        <p>视频封面<span style="color: red;margin-left: 5%;">*</span></p>
                    </li>
                    <li style="float: right;width:40%;position: relative;top: 30px;">
                        <input id="changespfile" name="videoPhoto" autocomplete="off"
                            style="position: absolute;top: 0px;left: -150px;width: 100px;height: 80px;z-index: 44444;"
                            type="file" placeholder="视频封面">
                        <img class="videochangeimgfm" src='' style="position: absolute;top: -20px;left: 0;width: 100px;height: 80px;">
                        <img src="" id="hidechangevidefm" style="left: -100px;display: none;width: 150px;height: 100px;">
                    </li>
                </div> -->
                <div>
                    <li class="left">
                        <p>视频类型<span style="color: red;margin-left: 5%;">*</span></p>
                    </li>
                    <li style="width: 80%;position: relative;">
                        <input id="changesptype" autocomplete="off" type="text" list="changesptype"
                            style="width: 200px;height: 35px;margin-left: 40%;" />
                        <datalist id="changesptype">
        
                        </datalist>
                    </li>
                    <li>
                        视频地区:<span style="color: red;margin-left: 5%;">*</span>
                    </li>
                    <li style="width: 80%;position: relative;">
                        <input autocomplete="off" id="changesparea" type="text" list="changespdq"
                            style="width: 200px;height: 35px;margin-left: 40%;" />
                        <datalist id="changespdq">
        
                        </datalist>
        
                    </li>
                    <li style="display: none;">
                        视频id:
                        <input id="videoId" value="166">
                    </li>
                    <li>
                        视频资费:<span style="color: red;margin-left: 5%;">*</span>
                    </li>
                    <li style="width: 80%;position: relative;">
                        <input autocomplete="off" id="changespzf" type="text"  list="changespffways"
                            style="width: 200px;height: 35px;margin-left: 40%;" />
                        <datalist id="changespffways">
        
                        </datalist>
        
                    </li>
                    <li>
                        视频年份:<span style="color: red;margin-left: 5%;">*</span>
                    </li>
                    <li style="width: 80%;position: relative;">
                        <input autocomplete="off" id="changespyear" type="text"  list="changespyears"
                            style="width: 200px;height: 35px;margin-left: 40%;" />
                        <datalist id="changespyears">
        
                        </datalist>
        
                    </li>
                    <li>
                        <p>
                            <button id="newvideomessage" type="button"
                                style="margin-left: 12%;border: 1px solid #34bc6e;color: #34bc6e;background-color: #fff;margin-top: 40px;margin-bottom: 10px;">保存</button>
                            <button id="nochangevideomessage" style="background-color: #34bc6e;color: white;">放弃更改</button>
                        </p>
                    </li>
                </div>

        
        </div>

        <!--删除全部历史记录的弹窗-->
        <div id="cancelalltc">
            <img src="../../publics/front-stage/img/jinggao.png" style="margin-left:31%;margin-top: 7%;width: 45%;height: 48%;">
            <img id="closeallhistory" src="../../publics/front-stage/img/close (2).png"
                style="margin: 5px;float: right;width: 20px;height: 20px;">
            <p style="margin-top: 5%;text-align: center;font-size: 1.2em;">确定删除所有观看记录吗？</p>
            <p style="margin-top: 12%;">
                <button id="yesallcancel" style="color: black;margin-left: 15%;background-color: #eaeaea;">取消</button>
                <button id="noallcancel"
                    style=" margin-left: 15%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%);">确定</button>
            </p>
        </div>



        
            <!--开通会员弹窗！！！！！-->
            <!--弹窗是有一个遮罩层的，遮罩层上面可以呈现具体内容！！！-->
            <!--遮罩层！！！-->
            <div id="cover"></div>
            <!-- //弹出框 -->
            <div id="modal">
                <!--挽留的弹窗！！！！-->
                <div id="wlcover"></div>
            
                <div id="wl" style="margin-top: 20%;display: none;width: 400px;height: 200px;">
                    <div id="wlTop" style="height: 50px;background: linear-gradient(120deg,#fff7ec,#ffcb7e);">
                        <h3 style="text-align: center;position: relative;top: 25%;">聚好看</h3>
                    </div>
                    <div id="wlContain" style="margin-top: 5%;">
                        <p style="text-align: center;">新用户专享第一个月6元</p>
                    </div>
                    <div id="wlBottom" style="margin-top: 5%;">
                        <button id="yesclose" style=" margin-top: 5%;margin-left:15%;background-color: #f0f0f0;">狠心离开</button>
                        <button id="noclose" style="background: linear-gradient(134deg,#fee3be,#f8c67e);">考虑考虑</button>
                    </div>
                </div>
            
            
                <div id="modaltop" style="background-color: black;height: 110px;">
                    <div style="width: 100%;height: 25%;">
                        <span style="margin-left: 20px;margin-top: 5px;float: left;color: #ffd38b;">vip会员</span>
                        <img id="closes" src="../../publics/front-stage/img/close (2).png"
                            style="margin-top: 10px;margin-right: 10px;width: 30px;height: 30px;float: right;">
                    </div>
                    <div style="width: 100%;height: 40%;margin-left: 40px;">
                        <img id="vipviewheadimg" src="../../publics/front-stage/img/headimg.gif"
                            style="position: relative;top: 15px;border-radius: 50%;border: 3px solid #ffd38b;width: 40px;height: 40px;">
                        <span style="color: white;"><span id="vipnickname" style="margin-left: 5%;color: #ffd38b;"><a
                                    href="/myperson" style="text-decoration: none;font-size: 0.8em;color: #ffd38b;"></a></span><span
                                id="vipaccount" style="margin-left: 2%;"></span><span id="toontherzh"
                                style="color:#ffd38b ;margin-left: 5%;">切换账号</span>
                            <p style="margin-top: 5px;margin-left: 13%;font-size: 0.8em;color: gainsboro;">
                                <span id="wordone">您的vip会员将于<span id="viptime">35天后</span>过期</span>
                                <span id="wordtwo">购买套餐成为会员</span>
                            </p>
                    </div>
                    <!-- <div style="margin-top: 40px;color: #ffd38b; width: 100%;height: 30%;background-color: black;">
                                <p style="text-align: center;">
                                    黄金VIP会员
                                </p>
                            </div> -->
                    <button id="btn" style="display: block;background-color: #666;opacity: 0.5;">
                        <img src="../../publics/front-stage/img/rightjt.png" style="width: 30px;height: 30px;">
                    </button>
                    <button id="leftbtn" style="background-color: #666;opacity: 0.5;">
                        <img src="../../publics/front-stage/img/leftjt.png" style="width: 30px;height: 30px;">
                    </button>
                    <!-- <div style="margin-top: 39px;height: 70%;">
                                <ul id="viptext" style="list-style: none;float: left;height: 100%;padding: 0;margin: 0;width: 100%;text-align: center;">
                                    <li style="float: left;width: 50%;background: linear-gradient(120deg,#fff7ec,#ffcb7e);color: white;height: 70px;border-radius: 10px;">
                                        <span style="position: relative;top: 40%;">黄金VIP</span>
                                    </li>
                                    <li style="float: right;width: 50%;height: 70px;">
                                        <span  style="position: relative;top: 40%;">璀璨VIP</span>
                                    </li>
                                </ul>
                            </div> -->
                    <div id="allways" style="overflow: hidden;margin-top: 50px;width: 100%;height: 150px;">
                        <!--这里还有一个小的轮播图！！！-->
            
            
            
                        <!--黄金vip！！！！！！-->
                        <div id="hhh" style="overflow: hidden;">
                            {{each allonevip}}
                            <div class="allonevipdiv">
                                <p style="margin-top: 10%;color: #582f1d;text-align: center;">
                                    {{$value.vipName}}
                                </p>
                                <p style="display: none;" class="vipid">
                                    {{$value.vipId}}
                                </p>
                                <p style="text-align: center;margin-top: 10%;">
                                    <span style="color: #582f1d;font-size: 1.1em;">
                                        ¥{{$value.price}}
                                    </span>
                                </p>
                            </div>
                            {{/each}}
            
                        </div>
            
            
            
                    </div>
                    <div id="vipcontainBottom" style="height: 140px;">
                        <div style="color: #582f1d; margin-top: 25%;">
            
                            <!-- <img src="../../publics/front-stage/img/zfm.jpg" style="margin-top: 5%;margin-left: 30%;width: 15%;height: 15%;"> -->
                            <p id="money" style="margin-top: -15%;margin-left: 5%;font-size: 1.5em;">￥10元</p>
                            <p style="margin-top: 2%;margin-left: 5%;">支持使用支付宝付</p>
                            <p style="margin-top: 2%;margin-left: 5%;color: #666;">
                                <a href="http://localhost:3000/vipserver" style="color: #666;text-decoration: none;color: brown;">
                                    <<会员服务协议>>
                                </a>
                            </p>
                            <p id="payapplybtn"
                                style="color: white;opacity: 0.8;padding: 10px;font-size: 1em;text-align: center;width: 18%;border-radius: 18px;margin-left: 70%;margin-top: -10%;background: linear-gradient(to right,#ffb821 0,#ff5c38 45%,#ff1459 100%)">
                                去支付</p>
                        </div>
                    </div>
            
                    <!--充值vip的切换账号提示！！！-->
                    <div id="morezhcover"></div>
            
                    <div id="morezh" style="display: none;">
                        <div style="background-color: #ffd595;height: 20%;">
                            <p style="text-align: center;color: #582f1d;position: relative;top: 5px;">
                                切换提示
                                <img id="closemorezh" src="../../publics/front-stage/img/close.png"
                                    style="float: right;width: 20px;height: 20px;">
                            </p>
            
                        </div>
                        <div style="background-color: #fff;height: 40%;">
                            <p style="text-align: center;position: relative;top: 5px;">切换账号会退出您当前帐号</p>
                            <p style="text-align: center;margin-top: 10px;">是否确认切换账号？</p>
                        </div>
                        <div id="nomore" style="background-color: #fff;height: 40%;"">
                                                                                    <button style=" margin-top: 5%;margin-left:
                            10%;background-color: #f0f0f0;">不切换了</button>
                            <button id="changeqq" style="background: linear-gradient(134deg,#fee3be,#f8c67e);">切换新账号</button>
                        </div>
                    </div>
            
                </div>
            </div>

    
<!--关注列表的展示！！！-->
<div id="hidegzcover"></div>
<div id="hidegzmodal" >
    <img class="closeallgz" src="../../publics/front-stage/img/close (2).png"
        style="margin-left:92%;width: 20px;height: 20px;margin-top: 10px;">
        <h3>关注列表</h3>
        <div style="display: none;" id="nogz">
            <p style="margin-top: 24%;font-size: 1.2em;text-align: center;color: #666;">暂无关注,请去认识新朋友吧！</p>
            <button
                style="position: absolute;left: 50%;width: 80px;margin-left: -40px;top: 80%;border-radius: 10px;;height: 30px;outline: none;background-color:  #00cc36;color: white;border: none;"><a href="/index" style="text-decoration: none;color: white;">去首页</a></button>
        </div>
        <div id="allgz" >
            <ul id="allgzlul" style="width: 100%;height: 100%;padding: 0;margin: auto;">
            {{each gzinfo}}
                    <li> 
                        <button style="outline: none;border: 1px solid white;background-color: cadetblue;color: white;border-radius: 4px;width: 40px;height: 40px;margin-left: 2%;margin-top: 2.5%;position: absolute;">{{$index+1}}</button>
                        
                        <p style="margin-left: 15%;width: 40%;"> 
                            <span  style="margin-left: 5%;color: #666;font-size: 0.8em;">关注者:{{$value.nickName}}</span>
                        </p>
                        <p class="fsgogzid" style="display: none;">
                            {{$value.userId}}
                        </p>
                        <p style="margin-left: 10%;width: 50%;" class='hello'>
                            <span class="gzmypersonintroduction" style="margin-left: 10%;color: #666;font-size: 0.8em;">简介:{{$value.introduction}}</span>
                        </p>
                        <p style="display: none;" class="gzifwhether">{{$value.whether}}</p>
                        <button class="gzclosegz"   style="display: none;outline: none;border: 1px solid white;background-color: cadetblue;color: white;width: 80px;height: 30px;float: right;margin-right: 5%;width: 15%;position: relative;top: -70%;">取关</button>
                        <button class="gogz"  style="outline: none;border: 1px solid white;background-color: cadetblue;color: white;width: 80px;height: 30px;float: right;margin-right: 5%;width: 15%;position: relative;top: -70%;">回关</button>
                    </li>
                {{/each}}
            </ul> 
           
        </div>
</div>


<!--粉丝列表的展示！！！-->
<div id="hidefscover"></div>
<div id="hidefsmodal">
    <img class="closeallfs" src="../../publics/front-stage/img/close (2).png"
        style="margin-left:92%;width: 20px;height: 20px;margin-top: 10px;">
    <h3>粉丝列表</h3>
    <div style="display: none;" id="nofans">
        <p style="margin-top: 24%;font-size: 1.2em;text-align: center;color: #666;">暂无粉丝,请去认识新朋友吧！</p>
        <button style="position: absolute;left: 50%;width: 80px;margin-left: -40px;top: 80%;border-radius: 10px;;height: 30px;outline: none;background-color:  #00cc36;color: white;border: none;"><a href="/index" style="text-decoration: none;color: white;">去首页</a></button>
    </div>
    <div id="allfs">
        <ul id="allfsul" style="width: 100%;height: 100%;padding: 0;margin: auto;">
            {{each info}}
                <li>
                    <button
                        style="outline: none;border: 1px solid white;background-color: cadetblue;color: white;border-radius: 4px;width: 40px;height: 40px;margin-left: 2%;margin-top: 2%;position: absolute;">{{$index+1}}</button>
                    <p style="margin-left: 15%;width: 40%;">
                        <span style="margin-left: 5%;color: #666;font-size: 0.8em;">关注者:{{$value.nickName}}</span>
                    </p>
                    <p class="fsid" style="display: none;">
                        {{$value.userId}}
                    </p>
                    <p style="margin-left: 10%;width: 50%;">
                        <span class="fsmypersonintroduction" style="margin-left: 30%;color: #666;font-size: 0.8em;">简介:{{$value.introduction}}</span>
                    </p>
                    <p style="display: none;" class="ifwhether">{{$value.whether}}</p>
                    <button class="closegz"  style="display: none;outline: none;border: 1px solid white;background-color: cadetblue;color: white;width: 80px;height: 30px;float: right;margin-right: 5%;width: 15%;position: relative;top: -70%;">取关</button>
                    <button  class="fsgogzbtn" style="outline: none;border: 1px solid white;background-color: cadetblue;color: white;width: 80px;height: 30px;float: right;margin-right: 5%;width: 15%;position: relative;top: -70%;">回关</button>
                   
                </li>
            {{/each}}

        </ul>
    </div>
</div>


<!--确定是否成为视频号的通知-->
<div id="ifbecomevideoaccountcover"></div>
<div id="ifbecomevideoaccountmodal" style="text-align: center;z-index: 222;">
    <h3 style="text-align: center;margin-top: 40px;">是否申请视频号</h3>
    <span id="looksqsphrools" style="position: relative;top: 20px;font-size: 0.8em;">申请视频号要求</span>
    <p style="width: 100%;height: 40%;margin-top: 20%;text-align: center;">
        <button id="gosqaccount" style="color: white;background-color: #34bc6e;">去申请</button>
        <button id="fqsqaccount" style="border: 1px solid #666;background-color: #fff;">放弃申请</button>   
    </p>
</div>





        <div id="logincover"></div>
        <div id="loginmodal">
            <div id="loginthrer" style="display: none;width: 70%;float: left;">
                <p style="text-align: center;">
                    <span style="color: #666;">邮箱密码登录</span>
                </p>
                <p><input id="emailpasswordemail" autocomplete="off" type="text" placeholder="邮箱"></p>
                <p><input id="emailpasswordpassword" autocomplete="off" type="password" placeholder="密码"></p>
                <p><button id="emailpasswordbtn"
                        style="background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">登录</button>
                </p>
            </div>
            <div id="newpasswordthere" style="display: none;width: 70%;float: left;">
                <p style="text-align: center;">
                    <span>找回密码</span>
                </p>
                <p><input id="newpasswordemail" autocomplete="off" type="text" placeholder="邮箱"></p>
                <p><input id="newpasswordepassword" autocomplete="off" type="password" placeholder="新密码"></p>
                <p><input id="newpassworderepassword" autocomplete="off" type="password" placeholder="再次输入密码"></p>
                <p><input id="newpasswordcode" autocomplete="off" style="width: 40%;" placeholder="验证码" type="text"> <button
                        id="newpasswordgetyzm"
                        style="background-color: #fff;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">获取验证码</button>
                </p>
                <p><button id="newpasswordbtn"
                        style=" background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">找回密码</button>
                </p>
            </div>
            <div id="registerthere" style="height: 420px;display: none;width: 70%;float: left;">
                <p style="text-align: center;">
                    <span style="color: #666;">邮箱注册</span>
                </p>
                <p><input autocomplete="off" id="emailregisteremail" type="text" placeholder="邮箱"></p>
                <p><input autocomplete="off" id="emailregisterpassword" type="password" placeholder="密码"></p>
                <p><input autocomplete="off" id="emailregisterrepassword" type="password" placeholder="再次输入密码"></p>
                <p><input autocomplete="off" id="emailregistercode" style="width: 40%;" placeholder="验证码" type="text"> <button
                        id="getyzm"
                        style="background-color: #fff;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">获取验证码</button>
                </p>
                <p><button id="emailregisterbtn"
                        style="background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">立即注册</button>
                </p>
            </div>
            <div id="emailcodeloginthere" style="display: none;width: 70%;float: left;">
                <p style="text-align: center;">
                    <span style="color: #666;">邮箱验证码登录</span>
                </p>
                <p><input id="emailcodeemail" autocomplete="off" type="text" placeholder="邮箱"></p>
                <p><input id="emailcodecode" autocomplete="off" style="width: 40%;" placeholder="验证码" type="text"> <button
                        id="emailcodelogingetyzm"
                        style="background-color: #fff;outline: none;border: none;width: 80px;height: 40px;margin-left: 15.2%;">获取验证码</button>
                </p>
                <p><button id="emailcodebtn"
                        style="background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">立即登录</button>
                </p>
            </div>

            <div id="selfaccountregisterthere"
                style="display: none;float: left;width: 70%;border-radius: 10px;background-color: #fff;">
                <p style="text-align: center;">
                    <span style="color: #666;">自定义账号注册</span>
                </p>
                <p><input autocomplete="off" id="selfaccountregisteraccount" type="text" placeholder="账号"></p>
                <p><input autocomplete="off" id="selfaccountregisterpassword" type="password" placeholder="密码"></p>
                <p><button id="selfaccountregisterbtn"
                        style="background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">立即注册</button>
                </p>
            </div>

            <div id="selfaccountloginthere" style="display: block;width: 70%;float: left;">
                <p style="text-align: center;">
                    <span style="color: #666;">自定义账号登录</span>
                </p>
                <p><input autocomplete="off" id="selfaccountloginaccount" type="text" placeholder="账号"></p>
                <p><input autocomplete="off" id="selfaccountloginpassword" type="password" placeholder="密码"></p>
                <p><button id="selfaccountloginbtn"
                        style="background-image: linear-gradient(to top, rgb(152, 144, 227) 0%, rgb(177, 244, 207) 100%);border: none;outline: none;color: white;">立即登录</button>
                </p>
            </div>

            <!--登陆注册方式的选择列表！！！！-->
            <div id="logintext" style="float: right;width: 25%;">

                <ul style="margin-left: -20px;">
                    <li style="background-color: transparent;">
                        <img class="closelogintc" src="../../publics/front-stage/img/close (2).png"
                            style="margin-left:80%;width: 20px;height: 20px;">
                    </li>
                    <li id="emailregister">邮箱注册</li>
                    <li id="emailpasswordlogin">邮箱密码登录</li>
                    <li id="emailcodelogin">邮箱验证码登录</li>
                    <li id="selfaccountregister">自定义账号注册</li>
                    <li id="selfaccountlogin" style="color: white;background-color: #00a1d6;">自定义账号登录</li>
                    <li id="changepassword">找回密码</li>
                </ul>
            </div>
        </div>
        <!--导航栏头像的隐藏下拉栏！！-->
        <div id="headimgHide" style="display: none;z-index: 9999;">
        <div id="headimgHideTop" style="overflow: hidden;;height: 20%;background-color: #e3b54c;color: white;">
            <p style="float: left;margin-left: 5%;margin-top: 5%;width: 70%;">账号:<span id="iflogin"
                    style="font-size: 0.8em;color: #8a6206;margin-left: 10%;"><a href="http://localhost:3000/myperson"
                        style="text-decoration: none;color: #8a6206"></a></span></p>
            <p style="margin-top: 5%;">
                <button id="tologin"
                    style="display: block;border: none;outline: none;background-color: transparent;color: white;">登录/注册</button>
                <!-- <button style="border: none;outline: none;background-color: transparent;color: white;">切换</button> -->
                <button id="toout"
                    style="border: none;outline: none;background-color: transparent;color: white;">退出</button>
            </p>
        </div>
        <div id="headimgHideContain" style="height: 30%;">
            <p style="float: left;margin-left: 5%;margin-top: 9%;">开通VIP看大片</p>
            <p style="float: right;margin-top: 7%;margin-right: 5%;"><button id="hidebutton"
                    style="color: white;padding: 5px;border: none;outline: none;border-radius: 20px ;background-color: #e3b54c;">开通会员</button>
            </p>
        </div>
        <div id="headimgHideBottom" style="height: 50%;">
            <ul style="margin-left: 5%;">
                <a href="/myperson?0" style="color: black;">
                    <li>
                        <p>
                            <img src="../../publics/front-stage/img/message.png" style="width: 30px;height: 30px;">
                        </p>

                        <p style="font-size: 0.6em;">消息通知</p>
                    </li>
                </a>
                <a href="/myperson?1" style="color: black;">
                    <li>
                        <img src="../../publics/front-stage/img/history (3).png" style="width: 30px;height: 30px;">
                        <p style="font-size: 0.6em;">历史记录</p>
                    </li>
                </a>
                <a href="/myperson?2" style="color: black;">
                    <li>
                        <img src="../../publics/front-stage/img/shangc.png" style="width: 30px;height: 30px;">
                        <p style="font-size: 0.6em;">创作中心</p>
                    </li>
                </a>
                <a href="/myperson?3" style="color: black;">
                    <li>
                        <img src="../../publics/front-stage/img/sc (2).png" style="width: 30px;height: 30px;">
                        <p style="font-size: 0.6em;">收藏列表</p>
                    </li>
                </a>
                <ul>
                    <a style="color: black;" href="/myperson?4">
                        <span style="float: right;font-size: 0.6em;margin-top: 3%;margin-right: 7%;">设置中心</span>

                    </a>
                </ul>
            </ul>
        </div>
        </div>

        <div id="vipts"
            style="display: none;padding: 5px;position: absolute;top: 43px;z-index: 444444444444;left:89%;width: 50px;height: 13px;border:none;font-size: 0.6em;background-color: transparent;">
            <span style="color: white;">vip频道</span>
        </div>

        <div id="hideqb"
            style="z-index: 444444;display: none;position: absolute;top: 64px;width: 80%;height: 105px;margin-left: 10%;transition: all 0.5s;background-color: rgb(41 42 47);color: #E0E0E0;">
            <div>
                <ul>
                    <li>电影</li>
                    <li>电视剧</li>
                    <li>综艺</li>
                    <li>动漫</li>
                    <li>儿童</li>
                    <li>纪录片</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>知识</li>
                    <li>游戏</li>
                    <li>风云榜</li>
                    <li>公益</li>
                    <li>娱乐</li>
                    <li>体育</li>
                    <li>泡泡</li>
                    <li>资讯</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>搞笑</li>
                    <li>汽车</li>
                    <li>生活</li>
                    <li>音乐</li>
                    <li>军事</li>
                    <li>母婴</li>
                    <li>健康</li>
                    <li>科技</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>VR</li>
                    <li>漫画</li>
                    <li>直播中心</li>
                    <li>应用商店</li>
                    <li>小说</li>
                    <li>爱奇艺号</li>
                    <li>会员精选</li>
                </ul>
            </div>

        </div>
        <!--顶部内容-->
        <div id="Top">
            <div id="topLeft" style="width: 40%;height: 60px;">
                <!--logo-->
                <!--logo后面的字-->
                <div>
                    <a href="http://localhost:3000/myperson" style="text-decoration: none;">
                        <p
                            style="position: relative;top: 30%;margin-left: 25%;width: 70%;height: 50px;font-size: 1.3em;color: #fff;">
                            <span style="float: left;">
                                <a href="/index">
                                    <img src="/publics/front-stage/img/xmlogo.png"
                                        style="position: relative;top: -7px;width: 50px;height: 50px;">
                                </a>
                            </span>
        
                            <span>
                                <a style="position: relative;top: -25px;text-decoration:none; color: #E0E0E0;" href="/index">
                                    <b>贼好看</b>
                                </a>
                            </span>
                        </p>
                    </a>
                </div>
                <div>
                    <ul style="position: relative;top: 39%;color: #ffe5de;">
                        <li><a style="text-decoration: none;color:#ffe5de;" href="/teleplay">电视剧</a></li>
                        <li><a href="/movie" style="text-decoration: none;color: #ffe5de;">电影</a></li>
                        <li id="qb">
                            <span>全部</span>
                            <img id="show" src="../../publics/front-stage/img/show.png"
                                style="    position: absolute;top: 12%;width: 15px;height: 15px;left: 56%;">
                        </li>
                    </ul>
                </div>
        
            </div>
            <div id="topRight">
                <!--顶部右侧内容-->
                <!--搜索框！！-->
                <div id="search"
                    style="width: 40%;margin-left: 20%;border-radius: 100px;border: 2px solid #e3b54c;height: 70%;position: relative;top: 30%;z-index: 4444444;">
                    <form style="height: 100%;position: relative;">
                        <input autocomplete="off" id="searchinput" type="text" placeholder="飞哥与小佛" autocomplete="off"
                            style="text-indent: 20px;position: absolute;float: left;width: 80%;height: 100%;border-radius:100px ;border: none;outline: none;background-color: black;">
                        <input id="gosearch" type="button" value="全网搜"
                            style="font-size:0.8em; height:100%;float: right;border-radius: 100px;margin-right: 3%;background-color: transparent;color: #f8c67e;border: none;">
                        <!--推荐搜索的内容！！！！-->
                    </form>
        
                    <div id="hidesearchinput"
                        style="overflow: hidden;margin-top: 10px;display: none;background-color: black;width: 80%;height: 330px;">
                        <h3 style="color: #666;font-size: 0.8em;margin-left: 2%;margin-top: 2%;">热搜榜</h3>
                        <ul id="searchinputlis" style="list-style: none;padding: 0;margin: auto;">
        
                        </ul>
                    </div>
                </div>
        
    <!--各种各样的图标！！！-->
    <div id="allgoods" style="width: 18%;margin-left: 18%;position: relative;top: 25%;">
        <ul style="list-style: none;">
            <li id="vipbz"><img src="../../publics/front-stage/img/VIP.png"
                    style="width: 40px;height: 50px;position: relative;top: -5px;"></li>
            <!-- <li id="czzxbz"><img src="../../publics/front-stage/img/shangc.png" style="margin-top: 10%;width: 25px;height: 25px;"></li>
                            <li id="historybz"><img src="../../publics/front-stage/img/history (2).png" style="margin-top: 10%;width: 25px;height: 25px;"></li>
                            <li id="messagebz"><img src="../../publics/front-stage/img/message.png" style="margin-top: 10%;width: 25px;height: 25px;"></li> -->
            <span id="showhide">
                <li id="headimg">
                    <img id="topheadimg" src="../../publics/front-stage/img/headimg.gif"
                        style="float: left;border-radius: 50%;margin-top: 5px;width: 100%;height: 100%;">
    
                </li>
                <li style="margin-left: 0%;margin-top: 9%;">
    
                    <img src="../../publics/front-stage/img/show.png"
                        style="width: 15px;height: 15px;position: absolute;top: 50%;left: 55%;">
                </li>
            </span>
    
        </ul>
    
    </div>
            </div>
        </div>

        <div id="contain">

            <!--积分兑换的右侧内容-->
            <div id="containRightjfdh" style="display: none;">
                <!--兑换vip天数内容的框！！！！！-->
                <div id="exchangevipmodal" style="border: 1px solid #E0E0E0;">
                    <p><img id="closeexchangevip" src="../../publics/front-stage/img/close (2).png"
                            style="float: right;width: 20px;height: 20px;margin-right: 5px;margin-top: 5px;"></p>
                    <h3 style="text-align: center;">积分兑换vip天数</h3>
                    <ul>
                        {{each allonevip}}
                        <li class="viptype">
                            <span class="jfleft">{{$value.vipName}}</span>
                            <span class="jfright" style="margin-top: 20px;">{{$value.point}}积分</span>
                            <span class="jfvipid" style="margin-top: 20px;display: none;">{{$value.vipId}}</span>
                            <span class="jflast">
                                <button class="goexchangebtn">去兑换</button>
                            </span>
                        </li>
                        {{/each}}
            
                    </ul>
                </div>
                <div id="jfdhTop"
                    style="width:100% ;height: 60px;background-image: url(../../publics/front-stage/img/jfbackgroundimage.png);">
                    <span style="margin-left: 2%;color: white;font-size: 0.9em;">总积分:</span>
                    <span id="alljftwo" style="color: white;font-size: 1.8em;margin-top: -1%;">20</span>
                    <span><img src="/publics/front-stage/img/jf.png" style="width: 20px;height: 20px;"></span>
                    <button id="exchangevip">兑换vip天数</button>
                    <span id="integralRule"
                        style="font-size: 0.8em;float: right;margin-right: 15px;margin-top: 10px;color: white;">积分规则</span>
                </div>
                <div id="jfdhContain" style="width:100% ;height: 80%;margin-left: 2px;">
                    <h2 style="font-size: 1.2em;">积分商城</h2>
                    <div>
                        <ul>
                            <li class="jpcontain">
                                <p><img src="../../publics/front-stage/img/headimg.gif" style="width: 120px;height: 70px;"></p>
                                <p class="jpname">头像框</p>
                                <p class="jplast">25</p>
                            </li>
                            <li class="jpcontain">
                                <p><img src="../../publics/front-stage/img/headimg.gif" style="width: 120px;height: 70px;"></p>
                                <p class="jpname">头像框</p>
                                <p class="jplast">20</p>
                            </li>
                            <li class="jpcontain">
                                <p><img src="../../publics/front-stage/img/headimg.gif" style="width: 120px;height: 70px;"></p>
                                <p class="jpname">头像框</p>
                                <p class="jplast">20</p>
                            </li>
                            <li class="jpcontain">
                                <p><img src="../../publics/front-stage/img/headimg.gif" style="width: 120px;height: 70px;"></p>
                                <p class="jpname">头像框</p>
                                <p class="jplast">20</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div id="containLeft">
                <div id="containLeftTop">
                    <ul style="list-style: none;">
                        <li style="width: 70%;height: 30%;" ><img id="navchangeimg" src="../../publics/front-stage/img/headimg.gif" style="margin-top: 10px;height: 100%;width: 100%;border-radius: 50%;"></li>
                        <li style="margin-top: 15%;margin-left: -28%;text-align: center;"><span id="leftnickname" style="font-size:0.9em;color:#666;"></span></li>
                        <li style="margin-top: 10%;">
                                <span id="godh">
                                        <img src="/publics/front-stage/img/jf.png" style="position: relative;top: 4px;width: 20px;height: 20px;">
                                        <span id="alljf" style="color: #e2b977;">?</span>
                                </span>
                                <button id="qd" style="position: relative;margin-left: 5%;width:45%;height: 30px;border-radius: 20px;outline: none;border: 1px solid #e2b977;background-color: #fff;">
                                    <span>签到</span>
                                    <div id="jf" style="color:#e2b977 ;">
                                        <span style="position: relative;top: 3.5px;color: white;">+10分</span>
                                    </div>
                                </button>

                        </li>
                        <li>
                            <button id="tovip" style="margin-top: 10%;width: 70%;height: 30px;background-color: #e3b54c;color: white;border: none;outline: none;">
                                开通会员
                            </button>
                            <img id="novipimg" style="display: none;position: relative;top: 15px;width: 25px;height: 25px;float: right;" src="../../publics/front-stage/img/novip.png" >
                            <img id="havevipimg" style="display: none;position: relative;top: 13px;width: 30px;height: 30px;float: right;" src="../../publics/front-stage/img/VIP.png">
                        </li>
                        <li style="width: 100%;font-size: 1em;color: #666;margin-top: 10px;position: relative;left: 5px;">
                            <span id="gz">关注:?</span>
                            <span id="fs">粉丝:?</span>
                        </li>
                    </ul>
                </div>
                <div id="containLeftBottom" style="color: #666;">
                    <ul>
                            <a href="/myperson?2" style="text-decoration: none;color: #666;">
                                <li class="text">
                                    <img src="/publics/front-stage/img/shangc.png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>创作中心</span>
                                </li>
                            </a>
                            <a href="/myperson?0" style="text-decoration: none;color: #666;">
                                <li class="text">
                                    <img src="/publics/front-stage/img/message.png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>消息通知</span>
                                </li>
                            </a>
                            <a href="/myperson?1" style="text-decoration: none;color: #666;">
                                <li class="text" style="background-color: #e2b977;">
                                    <img src="/publics/front-stage/img/history (3).png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>观看历史</span>
                                </li>
                            </a>

                            <a href="/myperson?3" style="text-decoration: none;color: #666;">
                                <li class="text">
                                    <img src="/publics/front-stage/img/sc (2).png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>收藏与订阅</span>
                                </li>
                            </a>
                            <a href="/myperson?6" style="text-decoration: none;color: #666;">
                                <li class="text">
                                    <img src="/publics/front-stage/img/sc (2).png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>我的下载</span>
                                </li>
                            </a>
                            <a href="/myperson?4" style="text-decoration: none;color: #666;">
                                <li class="text">
                                    <img src="/publics/front-stage/img/sz (2).png" style="margin-left: 15%;width: 20px;height: 20px;">
                                    <span>设置中心</span>
                                </li>
                            </a>
                            <li id="admin" class="text" style="display: none;">
                                <img src="/publics/front-stage/img/admin.png" style="margin-left: 15%;width: 20px;height: 20px;">
                                <span>后台管理</span>
                            </li>

                    </ul>
                </div>
            </div>



            <div id="nologincontain" >
                <ul style="list-style: none;">
                    <li>
                        <img src="../../publics/front-stage/img/headimg.gif" style="width: 120px;height: 100px;">
                    </li>
                    <li>
                        请登录后进行相关操作
                    </li>
                    <li>
                        <button id="nologintologin" style="color: white;background-color: #e3b54c;">登录</button>
                    </li>
                </ul>
            </div>

            <div id="containRightshangc" class="textcontain" style="display: none;" > 
                <ul style="list-style: none;">
                    <li id="shangcmp4" class="f" style="border-bottom:2px solid #00cc36 ;color: #00cc36;">上传视频</li>
                    <li id="mymp4" class="f">我的视频</li>
                    <li id="audit" class="f">审核进程</li>
                    <li id="shangcdsj" class="f">上传电视剧</li>
                
                </ul>
                <!--这个是上传电视剧的具体内容-->
                <div id="containRightshangcdsjcontain" style="display: none;">
                    <form class="form" action="/addTVSetNumberLink" enctype="multipart/form-data" method="post" target="scdsjtwo">
                        <div>
                            <li class="left">
                                <p>电视剧标题<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input maxlength="10" placeholder="标题为1~10以内"  autocomplete="off" id="videoName"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>

                        <div>
                            <li class="left">
                                <p>总集数<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input  id="allNumber" autocomplete="off" name="allNumber" onkeyup="this.value=this.value.replace(/\D|^0/g,'')"
                                onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>

                        <div style="display: none;">
                            <li class="left">
                                <p>电视剧id<span style="color: red;margin-left: 5%;">*</span></p>
                            </li>
                            <li style="width: 80%;">
                                <input autocomplete="off"   name="tvId" id="shangcdsjtwovideoid" value=""
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                        <div>
                            电视剧悬浮动图<span style="color: red;">*</span>
                            <!-- <input name="gifFile" type="file"> -->


                            <input autocomplete="off" onchange="adddsjvidegif()"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;opacity: 0;z-index: 44444;" type="file"
                                class="dsjgiffile" name="gifFile" type="file">
                            <img id="dsjgifvideoimg" src="../../publics/front-stage/img/addpiture.png"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;">
                            <img src="" id="dsjvideogif" style="display: none;width: 90px;height: 100px;left: 15%;position: relative;top: -20px">


                        </div>
                        <div>
                            电视剧封面<span style="color: red;">*</span>
                            <!-- <input name="photoFile" type="file"> -->
                            <input autocomplete="off" onchange="adddsjvidephoto()"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;opacity: 0;z-index: 44444;" type="file"
                                class="dsjphotofile" name="photoFile" type="file">
                            <img id="dsjphotovideoimg" src="../../publics/front-stage/img/addpiture.png"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;">
                            <img src="" id="dsjvideophoto" style="display: none;width: 90px;height: 100px;left: 15%;position: relative;top: -20px">
                        </div>
                        <div>
                            电视剧链接<span style="color: red;">*</span>
                            
                            <input class="dsjfile" name="files" type="file" style="    margin-left: 5%;">

                            <!-- <input autocomplete="off" onchange="adddsjvidephoto()"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;opacity: 0;z-index: 44444;" type="file"
                                class="dsjphotofile" name="photoFile" type="file">
                            <img id="dsjphotovideoimg" src="../../publics/front-stage/img/addpiture.png"
                                style="position: absolute;width: 70px;height: 60px;left: 38%;">
                            <img src="" id="dsjvideophoto" style="display: none;width: 90px;height: 100px;left: 15%;position: relative;top: -20px"> -->


                            <img id="addtvpath" src="../../publics/front-stage/img/add.png" style="position: relative;top: 10px;width: 30px;height: 30px;">
                            <div  id="alltvpath" >

                            </div>
                        </div>
                        <!-- <div>
                            <input name="files" type="file">
                        </div> -->
                        <div>
                            <li class="left">
                                <p>电视剧简介<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input maxlength="100" placeholder="简介为1~100以内" autocomplete="off" id="introduction" type="text"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                        <div>
                            <li class="left">
                                <p>视频概述<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input maxlength="20" placeholder="概述为1~20以内" autocomplete="off" id="videoType.videoBriefly"  type="text"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                        <div style="display: none;">
                            <p>
                                <input id="userid" autocomplete="off" type="text" placeholder="用户id" >
                            </p>
                        </div>
                        <div>
                            <li class="left">
                                <p>视频标签<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="videoType.videoTags" type="text"  list="spbq"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="spbq">
                                    <option value="电视剧">电视剧</option>
                                    <option value="电影">电影</option>
                                    <option value="连续剧">连续剧</option>
                                    <option value="片花">片花</option>
                                    <option value="转载">转载</option>
                                    <option value="原创">原创</option>
                                </datalist>
                
                            </li>
                
                        </div>
                        <div style="display: none;">
                            <li class="left">
                                <p>视频类型<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="videoType.videoType" type="text"  list="spdsjtype"
                                    style="width: 200px;height: 35px;"   value="电视剧" />
                                <datalist id="spdsjtype">
                
                                </datalist>
                
                            </li>
                        </div>
                        <!--视频地区-->
                        <div>
                            <li class="left">
                                <p>视频地区<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="videoType.regionType" type="text" list="splangaugename"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="splangaugename">
                
                                </datalist>
                
                            </li>
                        </div>
                        <!--视频年份-->
                        <div>
                            <li class="left">
                                <p>视频年份<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="videoType.videoYear" type="text"  list="spyearname"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="spyearname">
                
                                </datalist>
                
                            </li>
                        </div>
                        <!--视频是否付费-->
                        <div>
                            <li class="left">
                                <p>资费<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="videoType.whetherFree" type="text"  list="spifmoneyname"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="spifmoneyname">
                
                                </datalist>
                
                            </li>
                        </div>
                        <div>
                            <input autocomplete="off" id="fqdsj" type="button"
                                style="width: 20%;height: 40px;outline: none;background-color: #fff;margin-left: 20%;margin-top: 3%;"
                                value="放弃">
                            <input autocomplete="off" id="fbdsj" type="submit" 
                                style="border: none;outline: none;color: white;background-color: #34bc6e;width: 20%;height: 40px;margin-left: 20%;margin-top: 3%;"
                                value="发布">
                        </div>
                    </form>
                <iframe name="scdsjtwo" style="display: none;"></iframe>
            </div>











                <!--这个是上传视频的具体内容-->
                <div id="containRightshangccontain">
                    <form class="form" action="/addVideo" enctype="multipart/form-data" method="post" target="scsp" >
                        <div>
                            <li class="left">
                                <p>上传视频<span style="color: red;margin-left: 5%;">*</span></p>
                            </li>
                            <li style="width:40%;position: relative;top: 30px;">
                                <input autocomplete="off" onchange="addvideimg()"
                                    style="position: absolute;top: -20px;left: 0;width: 70px;height: 60px;opacity: 0;z-index: 44444;"
                                    type="file" class="file" name="file" ref="file">
                                <img id="videoimg" src="../../publics/front-stage/img/addvides.png"
                                    style="position: absolute;top: -20px;left: 0;width: 70px;height: 60px;">
                                <video id="hh" style="display: none;top: -30px;position: absolute;" width="200" height="120" controls>
                                    <source src="" type="video/mp4">
                                </video>
                            </li>
                            <li style="display: none;">
                                <p>视频的文件名:
                                    <input autocomplete="off" id="filename" style="border: none;" type="text">
                                </p>
                            </li>
                        </div>
                
                        <div>
                            <li class="left">
                                <p>标题<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input name="videoName" maxlength="10" placeholder="标题为1~10以内" autocomplete="off" id="scspbt"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                        <div>
                            <li class="left">
                                <p>简介<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input maxlength="100" placeholder="简介为1~100以内" autocomplete="off" id="scspjj" name="introduction" type="text"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                
                        <div>
                            <li class="left">
                                <p>视频概述<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;">
                                <input maxlength="20" placeholder="概述为1~20以内" autocomplete="off" id="scspgs" name="videoType.videoBriefly" type="text"
                                    style="width: 90%;height: 80%;margin-top: 2%;border: 1px solid gainsboro;outline: none;">
                            </li>
                        </div>
                
                
                        <div style="display: none;">
                            <p>
                                <input id="shangcvideouserid" autocomplete="off" type="text" name="userid" placeholder="用户id" value="">
                            </p>
                        </div>
                        <div>
                            <li class="left">
                                <p>视频封面<span style="color: red;margin-left: 5%;">*</span></p>
                            </li>
                            <li style="width:40%;position: relative;top: 30px;">
                                <input autocomplete="off" onchange="addvidefmimg()"
                                    style="opacity: 0;position: absolute;top: -20px;left: 0;width: 70px;height: 60px;opacity: 0;z-index: 44444;"
                                    id="spfm" type="file" name="photo" placeholder="视频封面">
                                <img id="videoimgfm" src="../../publics/front-stage/img/addpiture.png"
                                    style="position: absolute;top: -20px;left: 0;width: 70px;height: 60px;">
                                <img src="" id="hidevidefm" style="display: none;width: 100px;height: 90px;">
                            </li>
                        </div>
                        <!--视频悬浮动图-->
                        <div>
                            <li class="left">
                                <p>gif图片<span style="color: red;margin-left: 5%;">*</span></p>
                            </li>
                            <li style="width:40%;position: relative;top: 30px;">
                                <input autocomplete="off" onchange="addvidegiffmimg()"
                                    style="opacity: 0;position: absolute;top: -20px;left: 10px;width: 62px;height: 60px;opacity: 0;z-index: 44444;"
                                    id="spgiffm" type="file" name="gif" placeholder="视频悬浮gif动图">
                                <img id="videogifimgfm" src="../../publics/front-stage/img/giffm.png"
                                    style="position: absolute;top: -20px;left: 10px;width: 62px;height: 60px;">
                                <img src="" id="hidegifvidefm" style="display: none;width: 100px;height: 90px;">
                            </li>
                        </div>
                
                        <div>
                            <li class="left">
                                <p>视频标签<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input   autocomplete="off" id="scsplx"  name="videoType.videoTags" list="spbq"
                                    style="width: 200px;height: 35px;"/>
                                <datalist id="spbq">
                                    <option value="电视剧">电视剧</option>
                                    <option value="电影">电影</option>
                                    <option value="连续剧">连续剧</option>
                                    <option value="片花">片花</option>
                                    <option value="转载">转载</option>
                                    <option value="原创">原创</option>
                                </datalist>
                
                            </li>
                
                        </div>
                        <div>
                            <li class="left">
                                <p>视频类型<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="scsplx" name="videoType.videoType" list="sptype"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="sptype">
                
                                </datalist>
                
                            </li>
                        </div>
                        <!--视频地区-->
                        <div>
                            <li class="left">
                                <p>视频地区<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="scspdq"  name="videoType.regionType" list="splangaugename"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="splangaugename">
                
                                </datalist>
                
                            </li>
                        </div>
                
                        <!--视频年份-->
                        <div>
                            <li class="left">
                                <p>视频年份<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="scspyear"  name="videoType.videoYear" list="spyearname"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="spyearname">
                
                                </datalist>
                
                            </li>
                        </div>
                
                        <!--视频是否付费-->
                        <div>
                            <li class="left">
                                <p>视频是否付费<span style="color: red;margin-left: 5%;">*</p>
                            </li>
                            <li style="width: 80%;position: relative;top: 22px;">
                                <input autocomplete="off" id="scspff"  name="videoType.whetherFree" list="spifmoneyname"
                                    style="width: 200px;height: 35px;" />
                                <datalist id="spifmoneyname">
                
                                </datalist>
                
                            </li>
                        </div>
                
                
                
                        <div>
                            <input autocomplete="off" id="fq" type="button"
                                style="width: 20%;height: 40px;outline: none;background-color: #fff;margin-left: 20%;margin-top: 3%;"
                                value="放弃">
                            <input autocomplete="off" id="fb" type="submit"
                                style="border: none;outline: none;color: white;background-color: #34bc6e;width: 20%;height: 40px;margin-left: 20%;margin-top: 3%;"
                                value="发布">
                            <!-- <p style="text-align: center;margin-top: 10%;height: 40px;">
                                <input id="spcheckbox" type="checkbox">
                                发表视频，即表示你已同意<a
                                    href="http://localhost:3000/uploadserver" style="text-decoration: none;color: #e3b54c;">
                                    <<聚好看上传服务协议>>
                                </a></p> -->
                        </div>
                    </form>

                    <iframe name="scsp" style="display: none;"></iframe>
                    <!-- <iframe id="id_iframe" name="nm_iframe" style="display: none;" frameborder="0"></iframe> -->
                </div>
                <!--这个是我的视频的内容，包括分类！！！！以及增删改查！！！！！-->
                <div id="mymp4contain" style="display: none;">
                <input id="searchmymp4contain" autocomplete="off" type="text" placeholder="请输入关键字"
                    style="text-indent:10px ;outline: none;margin-left: 60%;border: 1px solid rgba(51,62,76,.1);border-radius: 4px 0 0 4px;color: #333">
                <input id="mymp4search" value="搜索" type="button"
                    style="width: 40px;outline: none;border: none;background-color: #fff;border: 1px  solid rgba(51,62,76,.1);">
                    <input id="clealallsearchcontain" value="重置" type="button"
                        style="width: 40px;outline: none;border: none;background-color: #fff;border: 1px  solid rgba(51,62,76,.1);">
                    <span id="cancelallvideo">
                    <img src="/publics/front-stage/img/cancel.png" style="position: relative;top: 4px;width: 20px;height: 20px;">
                    批量删除
                </span>
                <div id="myspcontain">

                </div>

                <!--我的视频里面的分页按钮！！！-->
                <div id="pages" style="cursor: pointer; height: 60px;width: 60%;">
                    <ul class="pagination pagination-lg">
                        <li style="margin-top: 15px;height: 25px;width: 25px;" class="back">&laquo;</li>
                        <li style="margin-top: 15px;width: 25px;height: 25px;" class="nowpage" style="background-color: #1890ff;color:#fff "></li>
                        <li style="margin-top: 15px;width: 25px;height: 25px;" class="next">&raquo;</li>
                        <li style="margin-top: 15px;border: none;width: 30%;">共<span class="allpages"></span>页</li>
                    </ul>
                    <ul>
                        <p>前往第<input class="topage" onkeyup="this.value=this.value.replace(/\D|^0/g,'')"
                                onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"
                                style="text-indent: 0px;width: 20px; border: none;border-radius: 4px;outline: none;border: 1px solid #dcdfe6">页
                            <button id="yespage"
                                style="width:60px;height: 30px;padding: 1px;color: white;border: none;border-radius: 4px;outline: none;border: 1px solid #dcdfe6;background-color: #1890ff">确定</button>
                        </p>
                    </ul>
                </div>


                </div>
                <!--这是审核进度的内容-->
                <div id="auditcontain" style="display: none;">
                <ul>
                    <li class="auditlis" style="color: #34BC6E;height: 32px;font-size: 0.9em;">全部</li>
                    <li class="auditlis" style="height: 32px;font-size: 0.9em;">审核通过</li>
                    <li class="auditlis" style="height: 32px;font-size: 0.9em;">审核中</li>
                    <li class="auditlis" style="height: 32px;font-size: 0.9em;">审核失败</li>
                </ul>
                <form>
                    <input autocomplete="off" id="searchaudit" type="text" placeholder="请输入关键字"
                        style="display: none;border: 1pxsolid rgba(51,62,76,.1);;border-radius: 4px 0 0 4px;color: #333">
                    <input autocomplete="off" type="submit" value="搜索"
                        style="    display: none;background-color: #fff;width: 14%;height: 90%;position: relative;top: 10%;border: 1px  solid rgba(51,62,76,.1);">
                </form>

                <div id="allshenhevideo" style="display: block;">
                    {{each allvideo}}
                    <div>
                        <video style="position: absolute;left: 0;float: left;" width="200" height="100" controls>
                            <source src="" type="video/mp4">
                        </video>
                        <div style="height: 100%;margin-top: 0px;float: right;border: none;outline: none;width: 75%;">
                            <p>
                                创建人：{{$value.userName}}

                            </p>
                            <p>
                                创建日期:{{$value.releaseTime}}
                            </p>
                            <p class="allvideostatues" style="color: #00cc36;">
                                {{$value.verifyNumber}}
                            </p>
                        </div>
                    </div>
                    {{/each}}
                </div>
                <div id="alreadyshenhevideo" style="display: none;">
                    {{each alreadysuccessvideo}}
                    <div>
                        <video style="position: absolute;left: 0;float: left;" width="200" height="100" controls>
                            <source src='' type="video/mp4">
                        </video>
                        <div style="height: 100%;margin-top: 0px;float: right;border: none;outline: none;width: 75%;">
                            <p>
                                创建人：{{$value.userName}}

                            </p>
                            <p>
                                创建日期:{{$value.releaseTime}}
                            </p>
                            <p style="color: #00cc36;">
                                审核通过
                            </p>
                        </div>
                    </div>
                    {{/each}}
                </div>
                <div id="ingshenhevideo" style="display: none;">
                    {{each ingvideo}}
                    <div>
                        <video style="position: absolute;left: 0;float: left;" width="200" height="100" controls>
                            <source src="" type="video/mp4">
                        </video>
                        <div style="height: 100%;margin-top: 0px;float: right;border: none;outline: none;width: 75%;">
                            <p>
                                创建人：{{$value.userName}}

                            </p>
                            <p>
                                创建日期:{{$value.releaseTime}}
                            </p>
                            <p style="color: #00cc36;">
                                审核中
                            </p>
                        </div>
                    </div>
                    {{/each}}
                </div>
                <div id="nogoshenhevideo" style="display: none;">
                    {{each nosuccessvideo}}
                    <div>
                        <video style="position: absolute;left: 0;float: left;" width="200" height="100" controls>
                            <source src="" type="video/mp4">
                        </video>
                        <div style="height: 100%;margin-top: 0px;float: right;border: none;outline: none;width: 75%;">
                            <p>
                                创建人：{{$value.userName}}

                            </p>
                            <p>
                                创建日期:{{$value.releaseTime}}
                            </p>
                            <p style="color: #ff5c38;">
                                审核失败
                            </p>
                        </div>
                    </div>
                    {{/each}}






                </div>
                </div>
            </div>

        <div id="containRightmessage" class="textcontain"  style="display: none;">
            <ul style="list-style: none;height: 40px;">
                <li class="l" style="border-bottom:2px solid #00cc36 ;color: #00cc36;">更新通知</li>
                <li class="l">系统通知</li>
                <li class="l">评论/回复</li>
                <li class="l">新增关注</li>
                <li class="l">收到的赞</li>
            </ul>
            <div id="updatamessagediv">
                <div id="updatamessage">
                    <ul>
                        <li>
                            <img src="../../publics/front-stage/img/message.png">
                        </li>
                        <li style="margin-left: 50px; width: 80%;">
                            新版本来了！！！
                        </li>
                    </ul>
                </div>
            </div>

            <div id="systemmessagediv" style="display: none;">
                <div id="systemmessage">
                    <ul>
                        <li>
                            <img src="../../publics/front-stage/img/message.png">
                        </li>
                        <li style="margin-left: 50px; width: 80%;">
                            系统更新啦！
                        </li>
                    </ul>
                </div>
            </div>
            <div id="othermessagediv" style="display: none;height: 50%;">
                <div id="othermessage">
                    <ul style="height: 100%;">
                        <!-- <li style="margin-left: 2%;" >
                                                <img style="position: relative;top: -5px;" src="../../publics/front-stage/img/message.png">
                                            </li> -->
                        <li style="margin-left: 5%;width: 60%;">
                            <img src="../../publics/front-stage/img/headimg.gif"
                                style="border-radius: 100%;width: 80px;height: 60px;">
                            <span style="position: relative;top: -40px;color: burlywood;font-size: 0.9em;">小明</span>
                            <span
                                style="font-size: 0.8em;color: #666;position: relative;top: -10px;left: 20px;">你分享的视频真好看</span>
                            <span style="display: none;outline: none;position: relative;left: 50%;width: 80%;top: -40px;"
                                id="replydiv">
                                <input style="outline: none;height: 30px;width: 60%;" placeholder="请输入回复内容">
                                <button id="noreply"
                                    style="width: 50px;height: 30px;background-color: #fff;border: none;outline: none;">取消</button>
                                <button id="yesreply"
                                    style="color: cadetblue;width: 50px;height: 30px;background-color: #fff;border: none;outline: none;">确定</button>
                            </span>
                        </li>
                        <li style="margin-left: 20%;">
                            <button id="toreply"
                                style="position: relative;top: 15px;border: none;outline: none;width: 80px;height: 30px;background-color: #fff;color: cadetblue;">回复ta</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="newfollowdiv" style="display: none;height: 12%;">
                <div id="newfollow" style="height: 100%;">
                    <ul>
                        <!-- <li>
                                                <img src="../../publics/front-stage/img/message.png">
                                            </li> -->
                        <li style="margin-left:2%; width: 80%;">
                            <img src="../../publics/front-stage/img/headimg.gif"
                                style="position: relative;top: 8%;border-radius: 100%;width: 80px;height: 60px;">
                            <span style="position: relative;top: -30px;color: burlywood;font-size: 1em;left: 5%;">小明 <span
                                    style="font-size: 0.9em;color: black;">关注了你</span></span>
                        </li>
                        <li>
                            <button id="toreply"
                                style="position: relative;top: 20px;border: none;outline: none;width: 80px;height: 30px;background-color: #fff;color: cadetblue;">回关</button>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="receivegooddiv" style="display: none;">
                <div id="receivegood" style="height: 12%;">
                    <ul>
                        <li style="margin-left:2%; width: 40%;">
                            <img src="../../publics/front-stage/img/headimg.gif"
                                style="position: relative;top: 8%;border-radius: 100%;width: 80px;height: 60px;">
                            <span style="position: relative;top: -30px;color: burlywood;font-size: 1em;left: 5%;">小明 <span
                                    style="font-size: 0.9em;color: black;">赞了你</span></span>
                        </li>
                        <li>
                            点赞的内容
                        </li>
                    </ul>
                </div>
            </div>


        </div>

        <div id="containRight" style="display: none;" class="textcontain">
            <div id="containRightTop">
                <ul id="containRightTopul">
                    <li class="fl" style="border-bottom:2px solid #00cc36 ;color: #00cc36;">全部</li>
                    <li class="fl">电视剧</li>
                    <li class="fl">电影</li>
                    <li class="fl">综艺</li>
                    <li class="fl">动漫</li>
                </ul>
                <ul id="historytools" style=" width: 70%;float: right;margin-top: 20px;">
                    <li style="width: 20%;float: right;">
                        <span style="position: relative;top:7px;"><input type="checkbox"></span>
                        <span style="position: relative;top: 6px;">过滤短视频</span>
                    </li>


                    <li id="cz" style="float: right;list-style: none;width: 50%;display: none;">
                        <button class="cancelallvideo">全部</button>
                        <button class="cancelsomebtn">删除</button>
                        <button id="qxpl">取消</button>
                    </li>
                    <li id="plgl" style="float: right;width: 20%;">
                        <img src="/publics/front-stage/img/plcz.png"
                            style="position: relative;top: 4px;width: 20px;height: 20px;">
                        批量管理
                    </li>
                    <!-- <li id="cancelallhistory"  style="float: right;width: 20%;">
                                    <span><img src="/publics/front-stage/img/cancel.png" style="width: 20px;height: 20px;"></span>
                                    <span style="position: relative;top: -4px;">全部删除</span>
                                </li> -->


                </ul>
            </div>
            <!--分类下面那个标题栏目横线-->
            <div id="hang">

            </div>

            <div class="containRightBottom">
                {{each userhistory }}
                <div class="historydiv" style="width:208px;height: 126px;position: relative;">
                    <img class="historyimg" src='{{$value.gifpath}}' style="width: 100%;height: 82%;">
                    <p style="text-align: center;font-size: 0.9em;color: #666;">{{$value.videoname}}</p>
                    <input class="inputcheckbox" type="checkbox"
                        style="display: none;position: absolute;top: 2px;z-index: 444;left: 92%;">
                    <p class="videoIdone" style="display: none;">{{$value.historyRecordId}}</p>
                    <p class="videidhistory" style="display: none;">{{$value.videoId}}</p>
                </div>
                {{/each}}
            </div>
            <div class="containRightBottom" style="display: none;">
                {{each userdsjhistory }}
                <div style="width:208px;height: 126px;">
                    <img src='{{$value.gifpath}}' style="width: 100%;height: 90%;">
                    <p style="text-align: center;">{{$value.videoname}}</p>
                    <p class="videoIdtwo" style="display: none;">{{$value.videoId}}</p>
                </div>
                {{/each}}
            </div>
            <div class="containRightBottom" style="display: none;">
                {{each userdyhistory }}
                <div style="width:208px;height: 126px;">
                    <img src='{{$value.gifpath}}' style="width: 100%;height: 90%;">
                    <p style="text-align: center;">{{$value.videoname}}</p>
                    <p class="videoIdthree" style="display: none;">{{$value.videoId}}</p>
                </div>
                {{/each}}
            </div>
            <div class="containRightBottom" style="display: none;">
                {{each userzyhistory }}
                <div style="width:208px;height: 126px;">
                    <img src='{{$value.gifpath}}' style="width: 100%;height: 90%;">
                    <p style="text-align: center;">{{$value.videoname}}</p>
                    <p class="videoIdfour" style="display: none;">{{$value.videoId}}</p>
                </div>
                {{/each}}
            </div>
            <div class="containRightBottom">
                {{each userdmhistory }}
                <div style="width:208px;height: 126px;">
                    <img src='{{$value.gifpath}}' style="width: 100%;height: 90%;">
                    <p style="text-align: center;">{{$value.videoname}}</p>
                    <p class="videoIdfive" style="display: none;">{{$value.videoId}}</p>
                </div>
                {{/each}}
            </div>
        </div>

        <div id="containRightsc" class="textcontain" style="display: none;">
            <ul style="list-style: none;">
                <li class="t" style="border-bottom: 2px solid #00cc36;color: #00cc36;">收藏</li>
                <li class="t">订阅</li>
            </ul>
            <div id="scleft" style="width: 18%;margin-left: -5%;z-index: 4444444;">
                <ul id="userallscj">
                    <li id="addscj" style="background-color: cadetblue;color: white;">
                        <span>
                            <img src="../../publics/front-stage/img/add.png"
                                style="position: relative;top: 5px;width: 20px;height: 20px;">
                            新建收藏夹
                        </span>
                    </li>
                </ul>
            </div>
            <div id="sccenter" style="width: 70%;margin-left: 7%;height: 80%;z-index: 444444;">
                <p><img id="addscjimg" style="margin-top: 15%;width: 100px;position: relative;left: 50%;margin-left: -100px;"
                        src="../../publics/front-stage/img/addscjimg.png"></p>
                <p style="text-align: center;margin-left: -12%;">快去新建收藏夹吧！</p>
            </div>

            <div id="scright" style="width: 70%;margin-left: 7%;height: 80%;display: none;z-index: 4444;">
                <div id="scrightTop" style="margin-left: 0.4%;position: relative;width: 100%;height: 16%;">
                    <div id="scrightTopimg" style="margin-left: 0.4%;position: absolute;width: 20%;">
                        <img id="scjheadimg" src="" style="width: 100px;height: 80px;">
                    </div>
                    <div id="scrightTopcontain"
                        style="width: 30%;margin-left: 1%;position: absolute;width: 70%;margin-left: 20%;">
                        <p style="line-height: 30px;color: #666;" id="scjname"></p>
                        <p style="line-height: 30px;color: #666;" id="scjintroduction"></p>
                        <p style="color: #666;line-height: 30px;display: none;" id="scjways"></p>
                        <button style="border: none;outline: none;background-color: #fff;color: #00cc36;"
                            id="changescjshow">编辑其它信息</button>
                        <button style="margin-left: 20px;border: none;outline: none;background-color: #fff;color: #00a1d6;"
                            id="changescjfm">修改封面</button>
                        <button style="margin-left: 20px;border: none;outline: none;background-color: #fff;color: #ff5c38;"
                            id="cancelonescj">删除</button>

                    </div>

                </div>
                <div style="height: 1px;width: 100%;margin-left: 0.4%;background-color: #e6e6e9;"></div>
                <div id="scrightBottom" style="margin-left: 0.4%;position: relative;width: 100%;height: 70%;">

                </div>
            </div>

        </div>

        <div id="containRightxz" class="textcontain" style="display: none;">
            <ul style="list-style: none;">
                <li class="o" style="border-bottom: 2px solid #00cc36;color: #00cc36;">下载</li>
            </ul>
        </div>

        <div id="containRightsz" class="textcontain" style="display: none;">
            <ul style="list-style: none;">
                <li id="person" class="flo" style="border-bottom:2px solid #00cc36 ;color: #00cc36;">基本信息</li>
                <!-- <li class="fl">安全中心</li> -->
                <!-- <li id="message" class="fl">消息设置</li> -->
                <li id="safe" class="flo">安全中心</li>
            </ul>
            <!--基本信息的内容！！！-->
            <div id="personmessage">
                <div id="personmessageTop">
                    <div id="personmessageTopLeft" style="width: 20%;">
                        <img id="mymessageheadimg" src='' style="margin-top: 20px;margin-left: 20px;width: 80px;height: 80px;">
                        <p id="changeheadimg" style="color: #00cc36;margin-left: 35px;font-size: 0.8em;">更换头像</p>
                    </div>
                    <div id="personmessageTopRight" style="width: 80%;margin-left: -5%;margin-top: 3%;">
                        <p style="color: #999;">昵称: <span id="topname" style="color: black;"></span></p>
                        <p style="color: #999;">会员类型：<span id="szviptype" style="color: black;"></span>
                            <button id="nowvip"
                                style="width:100px ;height: 30px;margin-left: 5%;color: #cda767;outline: none;background: #fff;border:1px solid #bea070">立即开通vip</button>
                        </p>
                    </div>
                </div>
                <div id="personmessageBottom" style="width: 100%;height: 100px;">
                    <ul>
                        <li>性别:</li>
                        <li id="nowsex" style="width:5% ;margin-left: 2%;text-align: left;width: 40%;height: 100%;"><input
                                value='{{allus}}' style="font-size: 0.8em;border: none;"></li>
                        <li id="allsex" style="width: 10%;display: none;">
                            <input autocomplete="off" id="nan" name="sex" value="男" type="radio" style="border-radius: 50%;">男
                            <input autocomplete="off" id="nu" name="sex" value="女" style="margin-left: 5%;border-radius: 50%;"
                                type="radio">女
                        </li>
                        <li style="float: right;width: 20%;">
                            <button id="editsex"
                                style="color: #16e05a;background-color: #fff;border: none;outline: none;">编辑</button>
                            <button id="closesex"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">取消</button>
                            <button id="newsex"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">保存</button>
                        </li>
                    </ul>
                    <ul>
                        <li>昵称:</li>
                        <li style="width:5% ;margin-left: 6%;width: 40%;height: 100%;"><input  maxlength="15" minlength="3" placeholder="昵称3~15位" autocomplete="off" id="nowname"
                                disabled="disabled"
                                style="width: 100%;text-align: left;height: 30px;border: none;font-size: 0.8em;"
                                value=""></li>


                        <li style="float: right;width: 20%;">
                            <button id="editname"
                                style="color: #16e05a;background-color: #fff;border: none;outline: none;">修改</button>
                            <button id="oldname"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">取消</button>
                            <button id="newname"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">保存</button>
                        </li>
                    </ul>
                    <ul>
                        <li style="margin-top: 2.2%;">个人简历:</li>
                        <li style="width:5% ;margin-left: 2%;width: 40%;height: 100%;">
                            <input autocomplete="off" type="text" disabled="disabled" ;
                                style="text-align: top;width: 580px;text-align: left;height: 80px;border: none;" id="nowjj"
                                placeholder="还差一句话简介，有趣的灵魂就会被发现呦！" value="">
                        </li>
                        <li style="float: right;width: 20%;margin-top: 2.2%;">
                            <button id="editjj"
                                style="color: #16e05a;background-color: #fff;border: none;outline: none;">设置</button>
                            <button id="oldjj"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">取消</button>
                            <button id="newjj"
                                style="display: none;color: #16e05a;background-color: #fff;border: none;outline: none;">完成</button>
                        </li>
                    </ul>
                </div>
            </div>
            <!--安全中心的内容-->
            <div id="safeCenter" style="display: none;">
                <!-- <div>
                                        <li class="left"><span>手机</span></li>
                                        <li class="center"><span>13939255632</span></li>
                                        <li class="right">
                                            <button><span id="changetelephone">修改手机</span></button>
                                        </li>
                                    </div> -->
                <div>
                    <li class="left"><span>邮箱</span></li>
                    <li class="center"><span id="ifbindemail"></span></li>
                    <li class="right">
                        <button>
                            <span id="getemail"></span>
                            <span id="changeemail" style="display: none;">修改邮箱</span>
                        </button>
                    </li>
                </div>
                <div>
                    <li class="left"><span>登录密码</span></li>
                    <li class="center"><span id="loginpasswordinput"></span></li>
                    <li class="right">
                        <button><span id="cpassword">修改密码</span></button>
                    </li>
                </div>
                <div>
                    <li class="left"><span>账号注销</span></li>
                    <li class="center"><span>账号一经注销将无法使用</span></li>
                    <li class="right">
                        <button><span id="accountdied">账号注销</span></button>
                    </li>
                </div>
            </div>
            <div id="szhang" style="display: none;height: 2px;width: 100%;background-color: gainsboro;">
            </div>



        </div>
        </div>







</body>
<script src="/publics/front-stage/js/myperson_j.js"></script>
</html>